import Taro, { Component } from '@tarojs/taro'
import { View, Text } from '@tarojs/components'
import './chooseexpert.css'
import { AtList, AtListItem,AtGrid } from "taro-ui"
import {$navigateTo,$redirectTo,getGlobalData } from '../../../global'

export default class ChooseExpert extends Component {

    config = {
        navigationBarTitleText: '选择专家'
    }
    xuanze=()=>{
        app.redirectTo("../chooseoperation/chooseoperation")
    }
    componentWillMount() { }

    componentDidMount() { }

    componentWillUnmount() { }

    componentDidShow() { }

    componentDidHide() { }

    render() {
        return (
            <View className='choose-expert'>
                <AtGrid className='header' columnNum={3} mode='rect' data={
                    [
                        {
                            image: getGlobalData('baseurl')+'img/zonghepaixu.png',
                            value: '综合'
                        },
                        {
                            image: getGlobalData('baseurl')+'img/xiangyingshijian.png',
                            value: '响应时间'
                        },
                        {
                            image: getGlobalData('baseurl')+'img/jiagepaixu.png',
                            value: '价格'
                        }
                    ]
                } />
                <View onClick={this.xuanze}>
                <AtList>
                    <AtListItem title='刘学武 主治医生' note='虚构市第一人民医院 眼科' extraText='￥300/次' arrow='right' thumb={getGlobalData('baseurl')+'img/d1.jpg'}/>
                    <AtListItem title='王玄烨 副主任' note='虚构市第一人民医院 骨科' extraText='￥200/次' arrow='right' thumb={getGlobalData('baseurl')+'img/d2.jpg'}/>
                    <AtListItem title='夕悦 医生助理' note='虚构市第一人民医院 皮肤科' extraText='￥100/次' arrow='right' thumb={getGlobalData('baseurl')+'img/d3.jpg'}/>
                    <AtListItem title='若西航 主治医生' note='虚构市第一人民医院 眼科' extraText='￥770/次' arrow='right' thumb={getGlobalData('baseurl')+'img/d1.jpg'}/>
                    <AtListItem title='欧阳明月 主治医生' note='虚构市第一人民医院 眼科' extraText='￥200/次' arrow='right' thumb={getGlobalData('baseurl')+'img/d2.jpg'}/>
                </AtList>
                </View>
            </View>
        )
    }
}

